<style type="text/css">
	.pull-left{
		float: left;
	}
	.pull-right{
		float: right;
	}
	.warp{
		width: 90%;
		margin: 1rem auto;
	}
	.publishTime{
		color: #999;
		font-size: 1.2rem;
		margin-top: 1.2rem;
	}
	.title{
		color: #333;
		font-size: 1.7rem;
		margin: 0.5rem 0;
	}
	body{
		color: #333;
	}
	.imgBox{
		margin-top: 1rem;
	}
	.imgBox img{
		width: 9.6rem;
	    float: left;
	    height: 7rem;
	    margin: 0 0.5rem 1rem 0;
	}
	.imgBox li:nth-child(3) img,.imgBox li:nth-child(6) img{
		margin-right: 0;
	}
	.content{
		font-size: 1.5rem;
	}
	.userIcon{
		width: 3.5rem;
		border-radius: 50%;
	}
	.userName{
		margin: 1.2rem 0 0 1rem;
	}
	.r_title{
		font-size: 1.4rem;
	    border-left: 0.2rem solid #fc9105;
	    height: 1.8rem;
	    line-height: 1.8rem;
	    padding-left: 1rem;
	    overflow: hidden;
	}
	.answer{
		font-size: 1.5rem;
	}
	.blank{
		height: 1rem;
		background-color: #f6f6f6;
	}
	.answer{
		margin-top: 1rem;
	}
	.downTip{
		background: rgba(0,0,0,0.5);
		position: fixed;
	    width: 100%;
	    bottom: 0;
	}
	.logo{
		width: 3rem;
    	margin: 1rem;
    	height: 3rem;
	}
	.slogan p{
		font-size: 1.1rem;
	    color: #fff;
	    letter-spacing: 0.1rem;
	}
	.openBtn{
		width: 6rem;
    	margin: 1.7rem 1rem 0 0;

	}
	.closeBtn{
		width: 1.5rem;
    	margin: 1.9rem 0.5rem 0 0;
	}
	.slogan{
		margin-top: 1rem;
	}
	.downTipsDiv{
		padding-bottom: 2rem; 
		padding-top: 1rem;
		background-color: #f6f6f6;
	}
	@media only screen and (min-width: 375px) and (max-width: 413px) {
		.imgBox img{
			width: 9rem;
		}
	}
	@media only screen and (min-width: 360px) and (max-width: 360px) {
		.imgBox img{
			width: 8.6rem;
		}
		.title{
			font-size: 1.4rem;
		}
		.content {
		    font-size: 1.3rem;
		}
		.answer {
		    font-size: 1.3rem;
		}
		.r_title {
		    font-size: 1.3rem;
		    border-left: 0.2rem solid #fc9105;
		    height: 1.5rem;
		    line-height: 1.5rem;
		    padding-left: 1rem;
		    overflow: hidden;
		}
	}
	@media only screen and (min-width: 320px) and (max-width: 320px){
		.imgBox img {
		    width: 7.6rem;
		    height: 6rem;
		}
	}
</style>
<div ng-controller="qaCtrl">
	<div class="warp">
		<div class="user clearfix">
			<div class="pull-left">
				<img class="userIcon pull-left" src="static/portrait.jpg" alt="" />
				<div class="userName pull-left">{{userName}}</div>
			</div>
			<div ng-cloak class="publishTime pull-right">{{publishTime|fomatTime}}</div>
		</div>
	   	<div ng-cloak class="title">{{title}}</div>
	   	<div ng-cloak class="content">{{content}}</div>
	   	<ul class="imgBox clearfix">
	   		<li ng-cloak ng-repeat="s in imgs">
	   			<img src="{{s}}" alt="" />
	   		</li>
	   	</ul>
	</div>
	<div class="blank"></div>
	<div class="warp">
		<div class="review">
	   		<div class="r_title">官方回复</div>
	   		<div ng-cloak class="answer">{{answer}}</div>
	   	</div>
	</div>
	<div class="downTip clearfix">
		<img class="pull-left logo" src="static/logo.png" alt="" />
		<div class="slogan pull-left">
			<p>你有权知道更多</p>
			<p>下载悦享客户端</p>
		</div>
		<div class="pull-right btnGroups">
			<img class="pull-left openBtn" src="static/openBtn.png" alt="" />
			<img class="closeBtn" src="static/closeBtn.png" alt="" />
		</div>
	</div>
</div>